/*
* @Author: Marte
* @Date:   2016-08-05 09:28:01
* @Last Modified by:   Marte
* @Last Modified time: 2016-08-11 09:17:01
*/


/* mains */
#mains { width: 1000px; height: 500px; margin: 10px auto; position: relative; }
.mains-left { width: 650px; height: 500px; float: left; }
.mains-left-top { width: 650px; height: 210px; }
.mains-left1 { width: 330px; height: 210px; background: url(../img/main-cen.png); float: left; }
.mains-left2 { width: 280px; height: 210px; margin-left: 10px; float: left; }
.mains-left2 li { width: 250px; height: 50px; }
.mains-left2 ul li { padding-left: 50px; padding-top: 15px; font-size: 13px; }
.mains-left2 ul li a { display: block; width: 200px; }
.li1 { margin-top: 12px; background: url(../img/ico_bg1.gif) no-repeat; }
.li2 { background: url(../img/ico_bg2.gif) no-repeat; }
.li3 { background: url(../img/ico_bg3.gif) no-repeat; }
.mains-left2 li:hover { background-position: 0 -65px; }
.mains-left2 li:hover a { color: red; }
#mains-right { width: 350px; height: 500px; float: right; }
.left_xinwen { width: 643px; height: 188px; margin-top: 20px; }
.left_xinwen_1 { width: 265px; height: 188px; float: left; }
.left_xinwen_2 { width: 265px; height: 188px; float: left; margin-left: 70px; }
.left_xinwen1 { font-weight: 900; }
.left_xinwen1 a { font-size: 12px; color: #630A1C; }
.left_xinwen1 a:hover { color: red; }
.left_xinwen_1_1 { margin-top: 10px;font-size: 15px; }
.left_xinwen_1_1 ul li { line-height: 30px; border-bottom: 1px dashed gray; background: url(../img/index_03.png) no-repeat; background-position: left;/*背景图片到中间*/ padding-left: 20px; }
.left_xinwen li:hover a { color: red; }
.left_xinwen li:hover { cursor: pointer; }

/*作品*/
#zuopin { width: 1000px; height: 400px; margin: 10px auto; }
.zuopin-ul li { width: 240px; height: 326px; float: left; margin-left: 8px; }
#zuopin-li1 { background: url(../img/zuopin_03.gif); position: relative; }
#zuopin-li2 { background: url(../img/zuopin_05.gif); position: relative; }
#zuopin-li3 { background: url(../img/zuopin_07.gif); position: relative; }
#zuopin-li4 { background: url(../img/zuopin_09.png); position: relative; }

/*蒙版*/
#zuopin ul li a { position: absolute; top: 0; left: 0; width: 100%; height: 0; background: rgba(0, 0, 0, .5);/*蒙版：半透明，黑色*/ color: white; transition: .5s; overflow: hidden; }
.zuopin-ban>p { font-size: 20px; position: absolute; bottom: 30px; left: 10px; }
.zuopin-ban>span { position: absolute; bottom: 10px; left: 10px; }
#zuopin ul li:hover a { height: 100%; }

